<template>
	<div class="wrap">
		<div class="content">
			
		
			<router-view ></router-view>
		</div>	

		
		<div class="nav">
			<router-link to="/home">首页</router-link>
			<router-link to="/member">会员</router-link>
			<router-link to="/class">分类</router-link>
			<router-link to="/shop">购物车</router-link>
			<router-link to="/my">我的</router-link>
		</div>
	</div>
</template>
<style type="text/css" lang="less">
@import './common/css/reset.css';
.nav{
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	border-top:1px solid #ccc;
	background: white;
	a{
		flex: 1;
		display: block;
		text-align:center;
		line-height: 50px;

	}
}
.content{
	/*height: 667px;*/
	background: red;
	padding-bottom: 50px;
	font-size: 30px;
}
</style>